<%--
  Created by IntelliJ IDEA.
  User: 吴
  Date: 2023/12/20
  Time: 11:37
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
  <jsp:useBean id="commodity" scope="request" type="com.xm.entity.Commodity"/>
  <title>${commodity.commodityName} 立即购买</title>
  <!-- 设置地址栏主题背景颜色 -->
  <meta name="theme-color" content="#000000">
  <!-- 页面描述 -->
  <meta name="description" content="商品详情页面">
  <!-- 移动端显示 -->
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <!-- 页面Logo -->
  <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
</head>
<body>
<div style="background-color: #ffffff">
  <jsp:useBean id="commodityDetails" scope="request" type="com.xm.entity.CommodityDetails"/>
  <video width="100%" height="100%" controls autoplay>
    <source src="http://localhost:8083/resource_packs/media/${commodityDetails.detailsVideo}"
            type="video/ogg">
  </video>
  <c:forEach items="${commodityDetails.detailsImages.split(',')}" var="commodityDetailsImage">
    <img src="http://localhost:8083/resource_packs/images/${commodityDetailsImage}" alt="详细图片" width="100%" height="100%">
  </c:forEach>
</div>
</body>
</html>
